<template>
	<view class="links">
		<view class="card flex" v-for="(item, index) in links" :key="index" @click="toPage(item.link)">
			<image class="square-44" :src="`/static/images/mine/icon-${index + 1}.png`"></image>
			<text class="flex-1 m-l20 text-500-130">{{ item.label }}</text>
			<image class="square-36" src="@/static/images/public/arrow-1.png"></image>
		</view>
		<button open-type="contact" session-from="sessionFrom" class="kefu">
			<view class="card flex">
				<image class="square-44" src="/static/images/mine/icon-3.png"></image>
				<text class="flex-1 m-l20 text-500-130">意见反馈</text>
				<image class="square-36" src="@/static/images/public/arrow-1.png"></image>
			</view>
			<view class="card flex">
				<image class="square-44" src="/static/images/mine/icon-4.png"></image>
				<text class="flex-1 m-l20 text-500-130">联系客服</text>
				<image class="square-36" src="@/static/images/public/arrow-1.png"></image>
			</view>
		</button>
		<view class="card flex" @click="toPage('/pages_site/pages/home/home')">
			<image class="square-44" src="/static/images/mine/icon-5.png"></image>
			<text class="flex-1 m-l20 text-500-130">设置</text>
			<image class="square-36" src="@/static/images/public/arrow-1.png"></image>
		</view>
	</view>
</template>

<script lang="ts" setup>
const links = [
	{
		label: '收藏职位',
		link: '/pages/office/collect/collect',
	},
	{
		label: '面试须知',
		link: '/pages_site/pages/notice/notice',
	},
	// {
	// 	label: '意见反馈',
	// 	link: '',
	// },
	// {
	// 	label: '联系客服',
	// 	link: '',
	// },
	// {
	// 	label: '设置',
	// 	link: '/pages_site/pages/home/home',
	// },
]

const toPage = (url: string) => {
	uni.navigateTo({
		url: url,
	})
}
</script>

<style lang="scss" scoped>
.kefu {
	background-color: transparent;
	padding: 0;
	text-align: left;

	&::after {
		display: none;
	}
}

.card {
	height: 120rpx;
	border-bottom: 1rpx solid $border-color-3;
}
</style>